<template>
  <div class="" style="color: #333;line-height: 1.5">
    <div class="pt30 pl30">
      <div style="color: #898989" class="dib fz28">售后类型：</div>
      <div class="dib fz28 mr20">{{row.KKKKK}}</div>
      <div class="dib fz28">
        <uv-tags color="#516AFE" borderColor="#fff" bgColor="#EEFAFF" :text="row.PPPPP" plainFill plain size="mini"> </uv-tags>
      </div>
    </div>
    <div class="pt30 pl30">
      <div style="color: #898989;width: 140rpx;" class="dib fz28">退款金额：</div>
      <div class="dib  fw500 fz28" style="width: calc(100% - 140rpx)">¥ 5.44</div>
      <div class="dib fz28 pt10" style="padding-left: 140rpx;">
        <uv-tags color="#53B028" borderColor="#fff" bgColor="#F7F8F8" text="退货包运费未赠送" plainFill plain size="mini"> </uv-tags>
      </div>

    </div>
    <div class="pt30 pl30">
      <div style="color: #898989" class="dib fz28">实收金额：</div>
      <div class="dib  fw500 fz28">¥ 5.44</div>
      <div class="pl10 dib">
        <uv-icon color="#C9CACA" size="28rpx" name="arrow-down"></uv-icon>
      </div>
    </div>
    <div class="pt30 pl30">
      <div style="color: #898989" class="dib fz28">申请原因：</div>
      <div class="dib   fz28" style="width: calc(100% - 140rpx)">不想要了</div>
      <div class="dib pr30 pt10  fz26" style="padding-left: 140rpx;color: #595757">别人送了同款类似别人送了同款类似别人送了同款类似别人送了同款类似</div>
    </div>
    <slot></slot>
  </div>
</template>
<script>
export default {
  props: {
    row: {
      type: Object,
      default: {}
    }
  },
  data() {
    return {
      statusTextForm: {
        1: '待付款',
        3: '已发货，待收货',
        4: '待评价',
        6: '退款售后',
        2: '待发货',
        7: '已完成',
      },
    }
  }
}
</script>
<style lang="scss" scoped>
@import "../common.scss";
.p1758090572 {
  min-width: 40rpx;
  max-width: 40rpx;
  height: 40rpx;
  max-height: 40rpx;

  border-radius: 50%;
  font-weight: 700;
  color: #fff;
}

.p1758092729 {
  min-height: 60rpx;
  max-height: 60rpx;
  min-width: 45rpx;
  // max-width: 45rpx;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-items: center;
}
</style>